<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
	</head>

	<body>
		<nav class="navbox">
			<img src="img/loge.png" alt="" class="logo" />
			
			<div class="nav">
				<div class="nav-p">
					<div class="nav-p-shu"></div>
					<div class="nav-pp">
						<p class="nav-p-E">Home</p>
						<p class="nav-p-C">首页</p>
					</div>
				</div>
				<div class="nav-p">
					<div class="nav-p-shu"></div>
					<div class="nav-pp">
						<p class="nav-p-E">Mall</p>
						<p class="nav-p-C">商城</p>
					</div>

				</div>
				<div class="nav-p">
					<div class="nav-p-shu"></div>
					<div class="nav-pp">
						<p class="nav-p-E">Choose</p>
						<p class="nav-p-C">选菜</p>
					</div>
				</div>
				<div class="nav-p">
					<div class="nav-p-shu"></div>
					<div class="nav-pp">
						<p class="nav-p-E">community</p>
						<p class="nav-p-C">圈子</p>
					</div>
				</div>
				<div class="nav-p">
					<div class="nav-p-shu"></div>
					<div class="nav-pp">
						<p class="nav-p-E">shopping</p>
						<p class="nav-p-C">购物车</p>
					</div>
				</div>
			</div>
			
			<div class="nav-denglu">
				<span class="nav-denglu-p" style="border-left: none;">登录</span>
				<span class="nav-denglu-p">注册</span>
				<span class="nav-denglu-p">我的</span>
				<span class="nav-denglu-p">收藏</span>
				<span class="nav-denglu-p">消息</span>
			</div>
			
			<div class="nav-input">
				<img src="img/放大镜.png" alt="" class="fanghdajing"/>
				<input type="text" class="input" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索食材、菜品"/>
			</div>
			
		</nav>
		
		<div class="font">
			<img src="img/背景花椒.png" alt="" class="huajiao"/>
			<div class="font-div">
				<a href="#">我的订单</a>
				<a href="#">客服在线</a>
				<a href="#">退出登录</a>
			</div>
		</div>
		
		<div class="body">
			<div class="body-body">
				
				<p class="quanbushangpin">全部商品&nbsp;5</p>
				<div class="top-top">
					<lable>配送至：</lable>
					<select name="" style="width: 130px;height:20px;-webkit-appearance:none; background: url(img/xiasanjiao.png) no-repeat right ;" >
						<option value="">北京大兴区亦庄</option>
						<option value="">武汉徐东铁机路</option>
					</select>
				</div>
				<div class="topxiaokuang">
					<input type="checkbox" style="margin-left: 20px;"  />&nbsp;全选
					<span>商品</span>
					<span>单价(元)</span>
					<span>数量</span>
					<span>小计(元)</span>
				</div>
				<div class="topdakuang">
					<input type="checkbox" class="gouxuan"/>
					<div class="xuan">
						<img src="img/花椰菜.png" alt="" class="tu" />
						<div class="tu-p">
							<p>本来精选——密云散菜花&nbsp;350g</p>
							<p>生态农场直供，新鲜安全</p>
						</div>
						<div class="tu-jiage">
							<p class="danjia">6.00</p>
							<img src="img/促销优惠.png" alt="" />
						</div>
						<div class="tu-shuliang">
							<div class="tu-sl">
								<p class="jian">-</p>
								<p class="shu">1</p>
								<p class="jia">+</p>
							</div>
							<p class="jinsheng">仅剩4件</p>
							
						</div>
						<p class="yuan">6.00</p>
						<div class="shan">
							<p class="shanchu">删除</p>
							<p>移动到我的关注</p>
						</div>	
					</div>
					<input type="checkbox"   class="gouxuan"/>
					<div class="xuan">
						<img src="img/包菜.png" alt="" class="tu" />
						<div class="tu-p">
							<p>有机圆白菜</p>
							<p>手撕包菜必备</p>
						</div>
						<div class="tu-jiage" style="margin-left: 355px;">
							<p class="danjia">4.00</p>
							<img src="img/促销优惠.png" alt="" />
						</div>
						<div class="tu-shuliang">
							<div class="tu-sl">
								<p class="jian">-</p>
								<p class="shu">1</p>
								<p class="jia">+</p>
							</div>
							<p class="jinsheng">仅剩4件</p>
							
						</div>
						<p class="yuan">4.00</p>
						<div class="shan">
							<p class="shanchu">删除</p>
							<p>移动到我的关注</p>
						</div>
					</div>
					<input type="checkbox"   class="gouxuan"/>
					<div class="xuan">
						<img src="img/牛肉.png" alt="" class="tu" />
						<div class="tu-p">
							<p>本旺冻五花肉350g</p>
							<p>绿色认证好牛肉</p>
						</div>
						<div class="tu-jiage" style="margin-left: 322px;">
							<p class="danjia">20.00</p>
							<img src="img/促销优惠.png" alt="" />
						</div>
						<div class="tu-shuliang">
							<div class="tu-sl">
								<p class="jian">-</p>
								<p class="shu">1</p>
								<p class="jia">+</p>
							</div>
							<p class="jinsheng">仅剩4件</p>
							
						</div>
						<p class="yuan">20.00</p>
						<div class="shan">
							<p class="shanchu">删除</p>
							<p>移动到我的关注</p>
						</div>			
					</div>
					<input type="checkbox"  class="gouxuan"/>
					<div class="xuan">
						<img src="img/西兰花.png" alt="" class="tu" />
						<div class="tu-p">
							<p>好吃好吃好好吃</p>
							<p>生态农场直供，新鲜安全</p>
						</div>
						<div class="tu-jiage" style="margin-left: 285px;">
							<p class="danjia">9.00</p>
							<img src="img/促销优惠.png" alt="" />
						</div>
						<div class="tu-shuliang">
							<div class="tu-sl">
								<p class="jian">-</p>
								<p class="shu">1</p>
								<p class="jia">+</p>
							</div>
							<p class="jinsheng">仅剩4件</p>
							
						</div>
						<p class="yuan">9.00</p>
						<div class="shan">
							<p class="shanchu">删除</p>
							<p>移动到我的关注</p>
						</div>	
					</div>
					<input type="checkbox"   class="gouxuan"/>
					<div class="xuan" style="border: none;">
						<img src="img/宫保鸡丁.png" alt="" class="tu" />
						<div class="tu-p">
							<p>农家菜农家味儿</p>
							<p>干辣椒&nbsp;大蒜&nbsp;大葱</p>
						</div>
						<div class="tu-jiage" style="margin-left: 330px;">
							<p class="danjia">30.00</p>
							<img src="img/促销优惠.png" alt="" />
						</div>
						<div class="tu-shuliang">
							<div class="tu-sl">
								<p class="jian">-</p>
								<p class="shu">1</p>
								<p class="jia">+</p>
							</div>
							<p class="jinsheng">仅剩4件</p>
							
						</div>
						<p class="yuan">30.00</p>
						<div class="shan">
							<p class="shanchu">删除</p>
							<p>移动到我的关注</p>
						</div>
					</div>
	
				</div>
				
				<div class="topxiaokuang" style="position: relative;">
					<input type="checkbox" id="quanxuan"/>&nbsp;&nbsp;全选
					<p id="xuanshanchu">删除选中的商品</p>
					<p id="yidong">移到我的关注</p>	
					<p id="zongjia">
						已选<span id="spsl">0</span>件商品，总价(不含邮费)：¥<span id="spzj">0.00</span>
					</p>
					<a href="https://www.taobao.com/" id="jiesuan">去结算</a>
				</div>
				
				<div class="zhongkuang">
					<img src="img/iconfont-fanhui.png" alt="" id="zuokuohao"/>
					<div id="over">
					<div id="shengcaibox">
						<div class="shengcai">
							<img src="img/生菜.png" alt="" />
							<p>绿罗马生菜400g</p>
							<p>蔬菜沙拉的当家菜</p>
							<p>¥12.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>	
						<div class="shengcai">
							<img src="img/黄瓜.png" alt="" />
							<p>有机黄瓜500g</p>
							<p>我追求：很浓黄瓜味儿</p>
							<p>¥2.50</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">	
							<img src="img/青椒.png" alt="" />
							<p>北菜园有机青椒250g</p>
							<p>家门口的有机菜园</p>
							<p>¥4.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">
							<img src="img/香蕉.png" alt="" />
							<p>进口相加5根装</p>
							<p>香甜醇厚的进口香蕉</p>
							<p>¥15.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">	
							<img src="img/菠菜.png" alt="" />
							<p>绿罗好吃的菠菜</p>
							<p>蔬菜沙拉的当家菜</p>
							<p>¥12.30</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						
						
						<div class="shengcai">
							<img src="img/生菜.png" alt="" />
							<p>绿罗马生菜400g</p>
							<p>蔬菜沙拉的当家菜</p>
							<p>¥12.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>	
						<div class="shengcai">
							<img src="img/黄瓜.png" alt="" />
							<p>有机黄瓜500g</p>
							<p>我追求：很浓黄瓜味儿</p>
							<p>¥2.50</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">	
							<img src="img/青椒.png" alt="" />
							<p>北菜园有机青椒250g</p>
							<p>家门口的有机菜园</p>
							<p>¥4.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">
							<img src="img/香蕉.png" alt="" />
							<p>进口相加5根装</p>
							<p>香甜醇厚的进口香蕉</p>
							<p>¥15.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						<div class="shengcai">	
							<img src="img/菠菜.png" alt="" />
							<p>绿罗好吃的菠菜</p>
							<p>蔬菜沙拉的当家菜</p>
							<p>¥12.30</p>
							<img src="img/加入购物车.png" alt="" />
						</div>
						
						<div class="shengcai">
							<img src="img/生菜.png" alt="" />
							<p>绿罗马生菜400g</p>
							<p>蔬菜沙拉的当家菜</p>
							<p>¥12.00</p>
							<img src="img/加入购物车.png" alt="" />
						</div>	
					</div>
					</div>
					<img src="img/iconfont-fanhui-拷贝.png" alt="" class="youkuohao"/>
				</div>
				
				
			</div>	
		</div>
		
		<img src="img/未标题-1.jpg" alt="" class="zuihou"/>
		
	</body>
	
	<script type="text/javascript" src="js/tween.js"></script>
	<script type="text/javascript" src="js/new_file.js"> </script>

</html>